﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>角色管理</title>
    <!--引入文件-->
    <link href="~/Content/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/Content/themes/icon.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/jquery.easyui.min.js"></script>
    <script src="~/Scripts/easyui-lang-zh_CN.js"></script>
    <script src="~/Scripts/datapattern.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>

    <script type="text/javascript">
        //获取url中的参数
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }
        $(function () {
            //初始化的时候添加Div是隐藏的 display=none
            $("#addDiv").css("display", "none");
            loadData();
        });
        function loadData(pars) {
            $('#tt').datagrid({
                url: '/RoleInfo/GetRoleInfoList',
                title: '角色管理',
                width:'auto',
                height:'auto',
                fitColumns: true, //列自适应
                nowrap: false,
                idField: 'ID',//主键列的列明
                loadMsg: '正在加载权限的信息...',
                pagination: true,//是否有分页
                singleSelect: true,//是否单行选择
                pageSize: 5,//页大小，一页多少条数据
                pageNumber: 1,//当前页，默认的
                pageList: [10, 20, 30],
                queryParams: pars,//往后台传递参数
                columns: [[//c.UserName, c.UserPass, c.Email, c.RegTime
                    { field: 'ck', checkbox: true, align: 'left', width: 50 },
					{ field: 'ID', title: '编号', width: 80 },
					{ field: 'RoleName', title: '角色名称', width: 120 },                 
                    { field: 'Remark', title: '备注', width: 120 },
					{ field: 'Sort', title: '排序', width: 120 },
                    {
                        field: 'SubTime', title: '时间', width: 80, align: 'right',
                        formatter: function (value, row, index) {
                            return (eval(value.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"))).pattern("yyyy-M-d");
                        }
                    }


                ]],
                toolbar: [
                     {
                    id: 'btnAdd',
                    text: '添加',
                    iconCls: 'icon-add',
                    handler: function () {

                        addInfo();
                    }
                     },

                     {
                         id: 'btnDelete',
                         text: '删除',
                         iconCls: 'icon-remove',
                         handler: function () {
                             deleteInfo();
                         }
                     },


                {
                    id: 'btnEidt',
                    text: '编辑',
                    iconCls: 'icon-edit',
                    handler: function () {

                        showEditInfo();
                    },

                }, {
                    id: 'btnSetUserAction',
                    text: '为角色分配权限',
                    iconCls: 'icon-edit',
                    handler: function () {
                        showSetUserActionInfo();
                    }
                }
                ],
            });
        }

   
        //添加数据
        function addInfo() {

            //1、获取是否已经存在
            //给IFrame指定页面URL
            $("#addFrame").attr("src", "/RoleInfo/ShowAddInfo" + "?ObjectId=" + getUrlParam("ObjectId"));
            $("#addDiv").css("display", "block");
            $('#addDiv').dialog({
                title: '添加用户信息',
                width: 400,
                height: 300,
                collapsible: true,
                maximizable: true,
                resizable: true,
                modal: true,
                buttons: [{
                    text: '提交',
                    iconCls: 'icon-ok',
                    handler: function () {
                        //表单校验
                        //validateInfo($("#addForm"));
                        //$("#addForm").submit();//提交表单
                        var childwindow = $("#addFrame")[0].contentWindow;
                        //console.warn(childwindow);
                        //调用子窗体中的方法完成表中的提交
                        childwindow.subForm();
                    }
                }, {
                    text: '关闭',
                    iconCls: 'icon-no',
                    handler: function () {
                        $('#addDiv').dialog('close');
                    }
                }]
            });

        }

        function afterAdd(data)
        {
       
            if (data=="ok")
            {
                //先关闭窗口后刷新
                $('#addDiv').dialog('close');
                $('#tt').datagrid('reload');//加载表格不会跳到第一页。
              
            }
        }

        //删除数据
        function deleteInfo() {
            var rows = $('#tt').datagrid('getSelections');//获取所选择的行
            if (!rows || rows.length == 0) {
             
                $.messager.alert("提醒", "请选择要删除的记录!", "error");
                return;
            }
         

            $.messager.confirm("提示", "确定要删除数据吗", function (r) {
                if (r) {
                    //获取要删除的记录的ID值。
                    var rowsLength = rows.length;
                    var strId = "";
                    for (var i = 0; i < rowsLength; i++) {
                        strId = strId + rows[i].ID + ",";//1,2,3,
                    }
                    //去掉最后一个逗号.
                    strId = strId.substr(0, strId.length - 1);
                    //将获取的要删除的记录的ID值发送到服务端.
                    $.post("/RoleInfo/DeleteInfo", { "strId": strId }, function (data) {
                        if (data == "ok") {
                            //reload 不调转到第一页  load 调整到第一页
                            $('#tt').datagrid('reload');//加载表格不会跳到第一页。
                            //清除上次操作的历史的记录。
                            $('#tt').datagrid('clearSelections')
                        } else {
                            $.messager.alert("提醒", "删除记录失败!", "error");
                        }
                    });
                }
            });

        }

        //展示一下要修改的数据.
        function showEditInfo() {
          
            //判断一下用户是否选择了要修改的数据
            var rows = $('#tt').datagrid('getSelections');//获取所选择的行
            if (rows.length != 1) {
                $.messager.alert("提示", "请选择要修改的数据", "error");
                return;
            }
            //给IFrame指定页面URL
            $("#editFrame").attr("src", "/RoleInfo/ShowEditInfo" + "?id=" + rows[0].ID);
            $("#editDiv").css("display", "block");
            $('#editDiv').dialog({
                title: '修改用户数据',
                width: 400,
                height: 300,
                collapsible: true,
                maximizable: true,
                resizable: true,
                modal: true,
                buttons: [{
                    text: '提交',
                    iconCls: 'icon-ok',
                    handler: function () {
                        //表单校验
                        //validateInfo($("#addForm"));
                        //$("#addForm").submit();//提交表单
                        var childwindow = $("#editFrame")[0].contentWindow;
                        //console.warn(childwindow);
                        //调用子窗体中的方法完成表中的提交
                        childwindow.subForm();
                    }
                }, {
                    text: '关闭',
                    iconCls: 'icon-no',
                    handler: function () {
                        $('#editDiv').dialog('close');
                    }
                }]
            });



            
        }
        //更新以后调用该方法.
        function afterEdit(data) {

            if (data == "ok") {
                $('#editDiv').dialog('close');
                $('#tt').datagrid('reload');//加载表格不会跳到第一页。
            } else {
                $.messager.alert("提示", "修改的数据失败", "error");
            }

        }


        //为用户分配权限
        function showSetUserActionInfo() {
            var rows = $('#tt').datagrid('getSelections');//获取所选择的行
            if (rows.length != 1) {
                $.messager.alert("提示", "请选择要分配权限的用户!", "error");
                return;
            }
            //将要修改的数据查询出来，显示到文本框中。
            var id = rows[0].ID;
            $("#setActionFrame").attr("src", "/RoleInfo/ShowRoleMenu/?roleId=" + id);
            $("#setActionDiv").css("display", "block");
            $('#setActionDiv').dialog({
                title: '为角色分配权限信息',
                width: 500,
                height: 600,
                collapsible: true,
                maximizable: true,
                resizable: true,
                modal: true,
                buttons: [{
                    text: '提交',
                    iconCls: 'icon-ok',
                    handler: function () {
                        ////表单校验                        
                        //var chileWindow = $("#setRoleFrame")[0].contentWindow;
                        //chileWindow.subForm();

                     
                        var childwindow = $("#setActionFrame")[0].contentWindow;
                       
                        //调用子窗体中的方法完成表中的提交
                        childwindow.getChecked();
                        childwindow.subForm();
                    }
                }, {
                    text: '关闭',
                    iconCls: 'icon-no',
                    handler: function () {
                        $('#setActionDiv').dialog('close');
                    }
                }]
            });
        }
        function afterRoleMeunAdd(data) {
          //  alert("111111111111"+data);
            if (data == "ok") {
                //先关闭窗口后刷新
                $('#setActionDiv').dialog('close');
              //  $('#tt').datagrid('reload');//加载表格不会跳到第一页。

            }
        }

    </script>

</head>
<body>
    <div>
       
        <table id="tt" style="width: 700px;" title="标题，可以使用代码进行初始化，也可以使用这种属性的方式" iconcls="icon-edit"></table> 
    </div>

    <!--添加表单-->
    <div id="addDiv" style="display:none">
        <iframe id="addFrame" style="width:100%;height:100%" frameborder="0">


        </iframe>
    </div>
    <!--修改表单-->
    <div id="editDiv" style="display: none; overflow: hidden;">
        <iframe id="editFrame" style="width:100%;height:100%;" frameborder="0" scrolling="auto"></iframe>
    </div>
    <!--设置用户权限-->
    <div id="setActionDiv" style="display:none">
        <iframe id="setActionFrame" scrolling="auto" width="100%" height="100%" frameborder="0"></iframe>
    </div>

</body>
</html>
